*{
  margin: 0;
  padding: 0;
  list-style: none;
}
html,body,#root{
  width: 100%;
  height: 100%;
}
.App{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

}
.header{
  width: 100%;
  height: 50px;
}
.header ul {
  display: flex;
}
.header ul li{
  flex:1;
}
.header ul li button{
  margin: 0 10px;
}

.main .head{
  width: 100%;
  height: 50px;
  display: flex;

}
.main .head li{
  flex:1
}

.main ul li{
 display: flex;


}
.main ul li span{
  flex:1;
}
.foot{
  width: 100%;
  height: 50px;
}